<template>
  <div class="week">
  	<div class="title">周末去哪儿</div>
  	<ul>
  		<li class="item" v-for="item of list" :key="item.id">
  			<div class="img-wrapper">
          <img :src="item.imgUrl" class="item-img">
        </div>
  			<div class="item-info">
  				<p class="item-title">{{item.title}}</p>
  				<p class="item-desc">{{item.desc}}</p>
  				</div>
  			</li>
  		</ul>
 	</div>
</template>

<script>
export default {
  name: 'HomeWeek',
  props: {
    list: Array
  }
}
</script>

<style lang="stylus" scoped>
@import '~styles/mixins.styl'
@import '~styles/varibles.styl'
  .week
    margin-top: .2rem
  .item
    background: #fff
    margin-bottom: .1rem
  .img-wrapper
		.item-img
			width: 100%
  .title
    line-height:.8rem
    background:#fff
    text-indent: .2rem
	.item-info
		min-width: 0
		padding: .1rem
		.item-title
			line-height: .54rem
			font-size: .32rem
			ellipsisnowrap()
		.item-desc
			line-height: .4rem
			color: #616161
			height:.4rem
			ellipsisnowrap()
</style>
